@charset "utf-8";
@import "reset.scss";
@import "common.scss";
@import "lunbo.scss";
@import "tanchuang.scss";
$fs:64px;

html{
    font-size: $fs;
}
//html,body{
//  width: 100%;
//  height: 100%;
//}
//将px单位换算成rem单位
@function r($px){
    @return $px/$fs*1rem
}
//div{
////  width: 100%;
//  width: r(640px);
////  height: r(104px);
//  background: skyblue;
//  font-size: r(12px);
//}
.web{
    width: r(640px);
    section{
        width: r(640px);
        margin-bottom: r(120px);
        .cont1{
            width: 100%;
            border-bottom:r(26px) solid #e2e2e2;
            .upper{
                width: r(580px);
                margin: 0 auto;
                margin-top: r(30px);
                padding-bottom: r(34px);
                .upper_q{
                    height: r(116px);
//                  overflow: hidden;
                    .imgs{
                        height: r(116px);
                        overflow: hidden;
                        img{
                            height: 100%;
                        }
                    }
                    .cang{
                        height: 100%;
                        width: r(325px);
//                      overflow: hidden;
                        .p_a{
                            width: 100%;
                            a{
                                color: #000000;
                                font-size: r(25px);
                                display: block;
                            }
                        }
                        .p_b{
                            margin-top: r(20px);
                            a{
                                color: #c5c5c5;
                                font-size: r(18px);
                                display: block;
                                i{
                                    font-size: r(20px);
                                }
                            }
                        }
                        .p_c{
                            margin-top: r(16px);
                            margin-left: r(75px);
                            color: #c5c5c5;
                            font-size: r(19.53px);
                            a{
                                font-size: r(21.31px);
                                color: #c5c5c5;
                            }
                        }
                        .p_ca{
                            margin-left: r(116px);
                        }
                        .p_c1{
                            margin-top: r(10px);
//                          margin-top: r(14px);
                            margin-left: 0;
                            margin-right: r(22px);
                        }
                        .p_c2{
                            margin-top: r(10px);
                        }
                    }
                }
                hr{
                    width: 100%;
                    height: r(1px);
                    border: none;
                    background: #e2e2e2;
                    margin-top: r(18px);
                    margin-bottom: r(18px);
                }
            }
            .upper2{
                margin-top: 0;
                padding-bottom: 0;
            }
        }
        .cont2{
            border: none;
        }
        .chen{
            margin: 0 auto;
            width: r(580px);
            height: r(247px);
//          overflow: hidden;
            .j_top{
                margin-top: r(35px);
                margin-bottom: r(19px);
//              overflow: hidden;
                a{
                    color: #323232;
                    font-size: r(24.86px);
                    display: block;
                }
            }
            .chart{
                height: r(123px);
                margin-left: r(9px);
                margin-bottom: r(15px);
                img{
                    height: 100%;
                }
            }
            .tu_1{
                margin-left: 0;
            }
//          .tu_3{
//              height: r(122px);
//          }
            .j_di{
                width: 100%;
//              height: r(26px);
//              display: inline-block;
                .chentou{
                    float: left;
                    a{
                        font-size: r(19.53px);
                        color: #c5c5c5;
                        display: block;
                        span{
                            vertical-align: super;
                        }
                        img{
                            width: r(30px);
                            height: r(30px);
                            border-radius: 50px;
                        }
                    }
                }
                .yu_2{
                    float: left;
                    a{
                        color: #c5c5c5;
                        font-size: r(15.98px);
                        display: block;
                        i{
                          font-size: r(20px);  
                        }
                    }
                }
                .yuyan{
                    margin-top: r(6px);
                    margin-left: r(18px);
                    i{
                        vertical-align: middle;
                    }
                }
                .chen_xin{
                    margin-top: r(6px);
                    margin-left: r(16px);
                    i{
                        vertical-align: middle;
                    }
                }
                p{
                    float: right;
                    font-size: r(19.53px);
                    color: #c5c5c5;
                    margin-right: r(6px);
                    a{
                        font-size: r(21.31px);
                        color: #c5c5c5;
//                      display: block;
                    }
                }
            }
        }
        .jiazai{
            width: r(580px);
            height: r(60px);
            margin: 0 auto;
            hr{
                  width: 100%;
                  height: 0.015625rem;
                  border: none;
                  background: #e2e2e2;
                  margin-top: r(33px);
                  margin-bottom: r(20px); 
            }
            p{
                width: r(90px);
                margin: 0 auto;
                a{
                    font-size: r(22px);
                    color: #bbbbbb;
                    display: block;
                }
            }
        }
    }
}